<template>
  <div class="buddha-bless">
  </div>
</template>

<script setup>
</script>

<style scoped>
.buddha-bless {
  position: relative;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.buddha-bless::before {
  content: "                            _ooOoo_\A                           o8888888o\A                           88\" . \"88\A                           (| -_- |)\A                            O\\ = /O\A                        ____/`---'\\____\A                      .   ' \\| |// `.\A                       / \\||| : |||// \\\A                     / _||||| -:- |||||- \\\A                       | | \\\\ - /// | |\A                     | \\_| ''\\---/'' | |\A                      \\ .-\\__ `-` ___/-. /\A                   ___`. .' /--.--\\ `. . __\A                .\"\" '< `.___\\_<|>_/___.' >'\"\".\A               | | : `- \\`.;`\\ _ /`;.`/ - ` : | |\A                 \\ \\ `-. \\_ __\\ /__ _/ .-` / /\A         ======`-.____`-._____\\_____/___.-`____.-'======\A                            `=---='\A\A         .............................................\A                  佛祖保佑             永无BUG\A      ";
  white-space: pre;
  font-family: monospace;
  font-size: 12px;
  color: #333;
  opacity: 0.9;
  z-index: -1;
  pointer-events: none;
  text-align: left;
  line-height: 1.5;
  max-width: 100%;
  overflow: hidden;
}

@media (max-width: 768px) {
  .buddha-bless::before {
    font-size: 8px;
  }
}
</style>